<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<script>
  $(document).ready(function(){
    $("#fecAtenPedi").datepicker();
    $("#errorContainerEdit").hide();
    $("#noErrorContainerEdit").hide();
    
    $("#indPrio").attr("value","${pedidoSelected.indPrio.codTipo}");
    var horAtenInicPact = $("#indPrio").find("option:selected").attr("horateninicpact");
    var horFinlInicPact = $("#indPrio").find("option:selected").attr("horfinlinicpact");
    $("#rangoHorario").html(horAtenInicPact+" - "+horFinlInicPact);
    
    $("#indPrio").change(function(){
      var horAtenInicPact = $(this).find("option:selected").attr("horAtenInicPact");
      var horFinlInicPact = $(this).find("option:selected").attr("horFinlInicPact");
      $("#rangoHorario").html(horAtenInicPact+" - "+horFinlInicPact);
    });
    
    $(".save2").click(function(){
      $("#errorGrabarUnoDivEdit").html("");
      pedidoContainer = {
        "pedidos":{
          "javaClass":"java.util.List",
          "list":[objPedidoTemp[0]]
        }
      };
      if ($("#indPrio").val() == 0) {
          alert('Debe seleccionar una prioridad.');
          return false;
      }
      var codPunto = $(this).attr("codPunto");
      var preEdit = jsonrpc.jsonService.validaPreEdit(pedidoContainer,codPunto);
      if (preEdit.SResult == 1){
        $("#errorGrabarUnoDivEdit").html("Se encontraron los siguientes errores: </"+"br>").css("color","red");
        $("#errorGrabarUnoDivEdit").append("<p style='text-indent:25px;height:7px'>"+preEdit.SMens+"</"+"p>");
        return false;
      }
      if (preEdit.SResult == 2){
        alert(preEdit.SMens);
      }
      var response = jsonrpc.jsonService.modiPedidoAtmTemp(pedidoContainer);
      if(response.SResult==1){
        $("#errorGrabarUnoDivEdit").html("Se encontraron los siguientes errores: </"+"br>").css("color","red");
        var countError = 0;
        $.each(response.camposResponse.list,function(key,value){      
          if(value.SResult==1){
            countError++;
            var separador = value.SCampo.indexOf("-");
            var classCampo = value.SCampo.substr(0,separador);
            var campoId = "."+classCampo;            
            if(campoId!="."){
              $(campoId).attr('title',value.SMens);
              $(campoId).addClass("error");
            }
            $("#errorGrabarUnoDivEdit").append("<p style='text-indent:25px;height:7px'>"+value.SMens+"</"+"p>");
          }
        });      
        return false;
      }
      else if(response.SResult==2){
        var alertMsg ="";
        $.each(response.camposResponse.list,function(key,value){      
          if(value.SResult==2){
            alertMsg+=value.SMens+"\n";
          }      
        });
        if(alert!="")
          alert(alertMsg);
        alert("El pedido fue actualizado correctamente");  
      }else if (response.SResult==3){
         $("#errorGrabarUnoDivEdit").html("El servicio se encuentra temporalmente no disponible </"+"br>").css("color","red");
      }else{
        $("#noErrorContainerEdit p").html("El pedido fue actualizado correctamente");
        $("#noErrorContainerEdit").show();
        $("#noErrorContainerEdit").fadeOut(20000);
      }
    });
    $("#fecAtenPedi").live("change",function(event){
      var codSucuHtb = $(this).attr("codSucuHtb");
      var codPunto = $(this).attr("codPunto");
      var fecha = $("#fecAtenPedi").val()
      $("#indPrio").html("a");
      $("#indPrio").html(getIndPrioSelect(codSucuHtb,codPunto,fecha));
      objPedidoTemp[0].fecAtenPedi = fecha;
    });
});
  function getIndPrioSelect(codSucuHtb,codPunt,fecAtenPedi){
      var jsonrpc = new JSONRpcClient("getJSON.html");
      listPrio = jsonrpc.jsonService.getListPrioAtm(codSucuHtb,codPunt,fecAtenPedi);
      options= '<option value="" horAtenInicPact="" horFinlInicPact="">Seleccione<'+'/option>';
      var listLength = listPrio.length;
      for (var i = 0; i < listLength; i++) {
      options += '<option value="' + listPrio[i].codigo + '" horAtenInicPact="'+listPrio[i].descripcion2+'" horFinlInicPact="'+listPrio[i].descripcion3+'">' + listPrio[i].descripcion+'<'+'/option>';
  }
   
  return options;
  }
  
  function validarMontoCero(x){
      if ((x == '') || (x == 0)){
        alert('Se ha registrado un monto igual a cero.');
      }
  }
  
  function ValMonto(e,v){
        //var indicePunto=v.indexOf(".");
	// if (indicePunto>-1){
        //   if ((v.length-indicePunto)>=3) return false;
        //}
        tecla2 = (document.all) ? e.keyCode : e.which;  
        if (tecla2==46) return true; //punto
        if (tecla2==13) return true; 
        patron2 = /\d/; // Solo acepta números
        tecla_final2 = String.fromCharCode(tecla2);
        return patron2.test(tecla_final2);
}
  
</script>
<div id="editPedidoAtmDiv">
<table>
  <tr>
    <td colspan="2" class="verdana11bazul" align="left" valign="top" height="22">
      <ul class="navlist2">
        <li>Pedido Atm</li>
      </ul>
    
    </td>
  </tr>  

  <tr>
    <td height="25" style="padding:0 0 0 20" class="verdana10bazul">Punto</td>
    <td>${pedidoSelected.punt.desPunt}</td>
  </tr>
  <tr>
    <td height="25" style="padding:0 0 0 20" class="verdana10bazul">Fecha Atenci&oacute;n</td>
    <td align="left" valign="middle" class="padright10">
      <div class="fondo_txtbox90">
          <input id="fecAtenPedi" type="text" value="${pedidoSelected.fecAtenPedi}" codSucuHtb="${pedidoSelected.sucuHtb.codSucuHtb}" codPunto="${pedidoSelected.punt.codPunt}" maxlength="10" size="12" readonly="false"/>
      </div></td>
  </tr>
  <tr idpedido="0">
    <td height="25" style="padding:0 0 0 20" class="verdana10bazul">Prioridad</td>
    <td>
        <select id="indPrio" class="indPrio">
          <c:forEach items="${listPrio}" var="prioridad">
            <option value="${prioridad.codigo}" horAtenInicPact="${prioridad.descripcion2}" horFinlInicPact="${prioridad.descripcion3}">${prioridad.descripcion}</option>
          </c:forEach>
        </select>      
    </td>
  </tr>
  <tr>
    <td height="25" style="padding:0 0 0 20" class="verdana10bazul">Rango Horario</td>
    <td><div id="rangoHorario"/></td>
  </tr>
  <tr>
    <td height="25" colspan="2" style="padding:0 0 0 20" class="verdana10bazul">Monto por Hooper</td>
  </tr>  
  <tr>
    <td colspan="2">
      <div id="denoErrors"></div>
    </td>
  </tr>
  <tr>
    <td colspan="2" style="padding:0 0 0 30">
    <script>
        var count = 0;
        crearObjPedidoTemp(count);
        objPedidoTemp[count].codSeriPedi = "${pedidoSelected.codSeriPedi}";
        objPedidoTemp[count].tipDocuPedi = "${pedidoSelected.tipDocuPedi}";
        objPedidoTemp[count].numPedi = "${pedidoSelected.numPedi}";
        objPedidoTemp[count].fecAtenPedi = "${pedidoSelected.fecAtenPedi}";
        objPedidoTemp[count].horAtenInicPact = "${pedidoSelected.horAtenInicPact}";
        objPedidoTemp[count].horFinlInicPact = "${pedidoSelected.horFinlInicPact}";
        objPedidoTemp[count].indPrio.codTipo = "${pedidoSelected.indPrio.codTipo}";
        objPedidoTemp[count].indPrio.desTipo = "${pedidoSelected.indPrio.desTipo}";
      </script>
      <table class="its7">
        <thead>
        <tr>
          <th>Nro Hooper</th>
          <th>Denominacion</th>
          <th>U.M.</th>
          <th>Saldo Disponible</th>
          <th>Monto</th>
        </tr>
        </thead>
        
        <tbody>        
        <c:forEach items="${pedidoSelected.denosDetaPedido}" var="denosDetaPedido" varStatus="status">
        <c:set var="idDeno" value="d${denosDetaPedido.unidMone.codTipo}${denosDetaPedido.tipMone.codTipo}${denosDetaPedido.tipMone.codTipo}${denosDetaPedido.dispensador.deno.codDeno}${denosDetaPedido.dispensador.numDisp}"/>
        <script>
          var countDenoDeta = "${status.count}"-1;          
          objPedidoTemp[count].denosDetaPedido.list[countDenoDeta] = {
            "javaClass":"pe.com.hermes.unidadesnegocio.procesamiento.entities.PedidoDenoEntity",
            "unidMone":{
                      "codTipo":"${denosDetaPedido.unidMone.codTipo}",
                      "desTipo":"${denosDetaPedido.unidMone.desTipo}"
                      },
            "tipMone": {
                      "codTipo":"${denosDetaPedido.tipMone.codTipo}",
                      "desTipo":"${denosDetaPedido.tipMone.desTipo}"
                    },
            "dispensador":{
                    "numDisp":"${denosDetaPedido.dispensador.numDisp}",
                    "deno":{
                            "codDeno":"${denosDetaPedido.dispensador.deno.codDeno}",
                            "canValoNomi":"${denosDetaPedido.dispensador.deno.canValoNomi}"
                          }
                    },
            "deno":{
                    "codDeno":"${denosDetaPedido.dispensador.deno.codDeno}",
                    "canValoNomi":"${denosDetaPedido.dispensador.deno.canValoNomi}"
                  },
            "montDeno": "${denosDetaPedido.montDeno}"
          };
        </script>
        <tr idpedido="0">        
          <td>${denosDetaPedido.dispensador.numDisp}</td>
          <td>${denosDetaPedido.dispensador.deno.canValoNomi}</td>
          <td>${denosDetaPedido.dispensador.deno.unidMone.desTipo}</td>
          <td><fmt:formatNumber value="${denosDetaPedido.dispensador.deno.saldDisp}" pattern="###,###,###,##0.00"/></td>
          <c:if test="${!denosDetaPedido.indActi}">
            <td iddeno="${status.count-1}" canvalonomi="${denosDetaPedido.dispensador.deno.canValoNomi}"><div class="fondo_txtbox90"><input type="text" readonly="true" disabled="true" class="${idDeno}" id="${idDeno}" value="INACTIVO"/></div></td>
          </c:if>
          <c:if test="${denosDetaPedido.indActi}">
            <td iddeno="${status.count-1}" canvalonomi="${denosDetaPedido.dispensador.deno.canValoNomi}"><div class="fondo_txtbox90"><input type="text" onblur="validarMontoCero(this.value);" onkeypress="return ValMonto(event,this.value);" onchange="updateDeno(this)" class="${idDeno}" id="${idDeno}" value="<fmt:formatNumber value="${denosDetaPedido.montDeno}" pattern="###,###,###,##0.00"/>"/></div></td>
          </c:if>
        </tr>
        </c:forEach>
        </tbody>
      </table>
    </td>
  </tr>  
  <tr>
    <td colspan="2">
        <div id="errorContainerEdit" style='color:red;'>
            <p>Lo sentimos:</p>
            <div id="errorGrabarDiv"></div>
        </div>
    </td>
  </tr>
  <tr>
    <td colspan="2">
        <div id="noErrorContainerEdit" class="verdana11bazul">
            <p></p>
        </div>
    </td>
  </tr>
  <tr>
    <td colspan="2">
        <div id="errorGrabarUnoDivEdit"></div>
    </td>
  </tr>
  <tr>
    <td height="25" colspan="2" style="padding:0 0 0 20" class="verdana10bazul"><input type="button" class="boton save2" codPunto="${pedidoSelected.punt.codPunt}" value="Guardar"/></td>
  </tr>  
</table>
</div>

